<!DOCTYPE html>
<html lang="en">
<head>
    {include file="common/head"}
</head>
<body class="body-wrapper">
{include file="common/menu"}
{include file="common/banner_one"}
<section class="section speakers white">
    <div class="container">
        <div class="row mt-30">
            <div class="col-lg-8">
                <div class="block">
                    <div class="row">
                        {hkcms:content num="$Cate.num" page="1"}
                        <div class="col-lg-4 col-md-6 m-auto">
                            <div class="speaker-item">
                                <div class="image">
                                    <a href="{$item.url}"><img src="{$item.thumb}" alt="speaker" class="img-fluid w-100"></a>
                                </div>
                                <div class="content text-center">
                                    <h5><a href="{$item.url}">{$item.title}</a></h5>
                                    <p><a href="{$item.url}">{$item.description}</a></p>
                                </div>
                            </div>
                        </div>
                        {/hkcms:content}
                        <div class="col-12 m-auto m-md-0">
                            <nav class="d-flex justify-content-center">
                                {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" home="&laquo;" pre="&lsaquo;" next="&rsaquo;" last="&raquo;" /}
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="sidebar">
                    <div class="widget category">
                        {if $Cate.parent_id}
                        <h5 class="widget-header">{hkcms:channel name="$Cate['parent_id']"}{$item.title}{/hkcms:channel}</h5>
                        {else /}
                        <h5 class="widget-header">{$Cate.title}</h5>
                        {/if}
                        <ul class="category-list m-0 p-0">
                            {hkcms:channel name="$Cate['id']" type="peer" ismenu="1" currentstyle="active" istotal="1"}
                            <li><a href="{$item.url}">{$item.title} <span class="float-right">({$item.total})</span></a></li>
                            {/hkcms:channel}
                        </ul>
                    </div>
                    <div class="widget latest-post">
                        <h5 class="widget-header">{:__('Hot product')}</h5>
                        {hkcms:content catid="21" order="views desc" num="5"}
                        <div class="media">
                            <img src="{$item.thumb}" class="img-fluid" alt="post-thumb">
                            <div class="media-body">
                                <h6><a href="{$item.url}">{$item.title}</a></h6>
                                <p class="text-danger"><span class="fa fa-jpy"></span>{$item.price}</p>
                            </div>
                        </div>
                        {/hkcms:content}
                    </div>
                    {hkcms:addons name="tags"}
                    <div class="widget tags">
                        <h5 class="widget-header">Tags</h5>
                        <ul class="list-inline">
                            {hkcms:taglist arcid="$Info['id']" model="$Info['model_id']"}
                            <li class="list-inline-item"><a href="{$item.url}">{$item.title}</a></li>
                            {/hkcms:taglist}
                        </ul>
                    </div>
                    {/hkcms:addons}
                </div>
            </div>
        </div>
    </div>
</section>
{include file="common/map"}
{include file="common/footer"}
</body>
</html>